@import '../app/variables.css';

.wrapper {
  line-height: 36px;
  display: flex;
  justify-content: space-between;
  background: none;
  box-shadow: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  text-align: left;
  height: 100%;

  & header {
    & p {
      line-height: 26px;
    }
  }

  & .titleInput {
    margin: 6.6vh 0vh;/* stylelint-disable-line */
  }

  & .button {
    font-weight: var(--font-weight-bold);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: none;
    width: 100%;
    height: 60px;
  }

  & .follow {
    margin-top: 25px;
    height: 58px;

    & .label {
      vertical-align: middle;
    }
  }

  & > footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;

    & > button {
      width: calc(60% - 10px) !important;
      margin-top: 0 !important;

      &:first-child {
        width: calc(40% - 10px) !important;
      }
    }
  }
}

.followedAccountsStep {
  padding: 2px;

  & > footer {
    justify-content: space-evenly;

    & > button,
    & > button:first-child {
      width: calc(100% / 2 - 20px) !important;
    }
  }
}
